/**
 * Created by Administrator on 2016/8/2.
 */
$(function() {

    $('.logo').hover(function(){
        $('.logo a').eq(0).css({
            marginLeft: '55px',
            opacity: 0
        });
        $('.logo a').eq(1).css({
            marginLeft: 0,
            opacity:1
        })
    },function(){
        $('.logo a').eq(0).css({
            marginLeft:0,
            opacity:1
        })
        $('.logo a').eq(1).css({
            marginLeft: '-55px',
            opacity:0
        })
    });



    setInterval(function(){
        if( $(document).scrollTop() < $(document).height()-$(window).height() -100  ){
            if( 172 < $(document).scrollTop()){
                $('.down-show').slideDown('slow');
                $('.xiaomi5-list').css('display','block')

                $('.xiaomi5-list li').each(function(index){
                    $(this).click(function(){
                        $(this).addClass('xiaomi5-list-active').siblings().removeClass('xiaomi5-list-active')
                        $(document).animate({
                            scrollTop : $(window).height() * index + 192
                        },500)
                    })
                })

                //list-active的切换

                if( $(document).scrollTop() < 192 +  $(window).height() * 1){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(0).addClass('xiaomi5-list-active')
                }else if( $(document).scrollTop() < 192 +  $(window).height() * 2){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(1).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 3){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(2).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 4){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(3).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 5){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(4).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 6){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(5).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 7){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(6).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 8){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(7).addClass('xiaomi5-list-active')
                }
                else if( $(document).scrollTop() < 192 +  $(window).height() * 9){
                    $('.xiaomi5-list ul li').removeClass('xiaomi5-list-active').eq(8).addClass('xiaomi5-list-active')
                }
            }
            else {
                $('.down-show').slideUp('slow')
                $('.xiaomi5-list').css('display','none')
            }
        }
        else {
            $('.down-show').slideUp('slow')
            $('.xiaomi5-list').css('display','none')
        }
    })

    $('.panel').css({'height': $(window).height()}).eq(0).css('height',192);

    $.scrollify({
        section: '.panel'
        // scrollbars: false
    });
    
    $('.panel-ul4 li').each(function(){
        $(this).hover(function(){
            $(this).find('div').css('opacity','1')
        },function(){
            $(this).find('div').css('opacity','0')
        })
    })
    //图片切换
    $('.panel-text7 li').each(function(){
        var span = $(this).find('.panel7-cir > span'),
            img = $(this).find('.panel7-img');

            span.each(function(index){
                $(this).click(function(){
                    span.removeClass('panel7-cir-active').eq(index).addClass('panel7-cir-active')
                    img.removeClass('panel7-img-active').eq(index).addClass('panel7-img-active')
            })
        })
    })


    // 右侧文字显示

    $('.xiaomi5-list ul li a').each(function(){
        $(this).hover(function(){
            $(this).find('span').css('opacity',1)
        },function(){
            $(this).find('span').css('opacity',0)
        })
    })








});
